#house-manage-view{
  .house-status-tips{
    position: relative;
    width: 960px;
    left: 50%;
    transform: translateX(-50%);
    height: 44px;
    padding: 10px 0;
  }
  .house-status{
    float: left;
    margin-right: 32px;
    line-height: 24px;
    height: 24px;
    color:#333333;
    .color-square{
      float: left;
      width: 42px;
      height: 22px;
      border: 1px solid #aaa;
      margin-right:8px;
    }
  }
  .house-status.appoint .color-square{
    background-color: hotpink;
  }
  .house-status.renting .color-square{
    background-color: lightskyblue;
  }
  .house-status.unavailable .color-square{
    background-color: #aaa;
  }
  .house-status.available .color-square{
    background-color: white;
  }
  .float-info{
    position: absolute;
    z-index:10;
    width: 300px;
    height: 300px;
    border: 1px solid #666;
    background-color: white;
    .title{
      padding: 5px 8px;
      height: 40px;
      line-height: 30px;
      font-size: 15px;
      border-bottom: 1px solid #ccc;
      button{
        float: right;
      }
    }
    .content{
      padding: 10px 8px;
      .line{
        font-size: 14px;
        height: 24px;
        line-height: 24px;
      }
      .line-left{
        float: left;
        width: 36%;
      }
      .line-right{
        float: left;
        width: 64%;
      }
    }
  }
}



#house-detail-view{
  background-color: #f5f5f5;
  .page{
    padding: 0;
  }
  .button-container{
    background-color: white;
    border-bottom: 1px solid #999;
    padding: 10px 20px;
    min-height: 54px;
  }
  .house-info-container{
    padding:20px 0 30px;
  }
  .contract-info-container{
    padding:20px 0 30px;
  }
  .text-red{
    color:#cc3333;
  }
  .text-blue{
    color:dodgerblue;
  }
}


#off-lease-confirm-view{
  background-color: #f5f5f5;
  .contract-info-container{
    padding:20px 0 30px;
    border-bottom: 1px solid #999;
  }
  .confirm-container{
    padding:20px 0 30px;
  }
}